<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>

<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="dist/css/swiper.min.css">


<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/css.css" />
<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css" />

<!--JQ基础文件-->
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>

<!--IE6 PNG透明-->
<!--[if lte IE 6]>
<script src="js/DD_belatedPNG_0.0.8a.js" type="text/javascript"></script>
    <script type="text/javascript">
        DD_belatedPNG.fix('div, ul, img, li, input , a');
    </script>
<![endif]-->

<!--TAB JS-->
<script type="text/javascript"> 
function setTab(m,n){ 
var menu=document.getElementById("tab"+m).getElementsByTagName("li");  
var div=document.getElementById("tablist"+m).getElementsByTagName("div"); 
var showdiv=[]; 
	for (i=0; j=div[i]; i++)
	{  
		if((" "+div[i].className+" ").indexOf(" tablist ")!=-1)
		{  
			showdiv.push(div[i]); 
		} 
	}  
	for(i=0;i<menu.length;i++)
	{  
		menu[i].className=i==n?"now":"";  
		showdiv[i].style.display=i==n?"block":"none"; 
	}  
}  
</script>

</head>

<body>

<!-- 头部 -->
<div class="top">
	<div class="top_in">
    	<div class="logo"><img src="images/logo.png" /></div>
        <div class="logo_r">
        	<div class="search">
                <div class="search_r"><input type="image" src="images/search_r.png" ></div>
                <div class="search_l"><input id="txt_search" type="text"   value="Search..."  onFocus="if(value==defaultValue){value='';this.style.color='#484848'}" onBlur="if(!value){value=defaultValue;this.style.color='#d4d4d4'}" style="color:#d4d4d4"></div>
                <div class="clear"></div>
            </div>
            <div class="nav">
            	<ul>
                	<li><a href="#" class="now">首页</a></li>
                	<li class="ge">|</li>
                	<li><a href="#">企业简介</a></li>
                	<li class="ge">|</li>
                	<li><a href="#">新闻中心</a></li>
                	<li class="ge">|</li>
                	<li><a href="#">产品展示</a></li>
                	<li class="ge">|</li>
                	<li><a href="#">生产中心</a></li>
                	<li class="ge">|</li>
                	<li><a href="#">工程案例</a></li>
                	<li class="ge">|</li>
                	<li><a href="#">联系我们</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!-- Swiper -->
<div class="swiper-container swiper1">
    <div class="swiper-wrapper">
        <div class="swiper-slide" style="background:url(images/banner1.jpg) top center;"></div>
        <div class="swiper-slide" style="background:url(images/banner1.jpg) top center;"></div>
        <div class="swiper-slide" style="background:url(images/banner1.jpg) top center;"></div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination swiper-pagination-white"></div>
    <!-- Add Arrows -->
    <div class="swiper-button-next swiper-button-white"></div>
    <div class="swiper-button-prev swiper-button-white"></div>
    
</div>
<!-- Swiper JS -->
<script src="dist/js/swiper.min.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper1 = new Swiper('.swiper1', {
	pagination: '.swiper-pagination',
	nextButton: '.swiper-button-next',
	prevButton: '.swiper-button-prev',
	paginationClickable: true,
	spaceBetween: 30,
	centeredSlides: true,
	autoplay: 2500,
	autoplayDisableOnInteraction: false,
	effect: 'fade'
});

</script>

<!-- 内页 -->

<!-- 产品内页 -->

<!-- 面包屑 -->
<div class="braed">
	<div class="braed_in">
    	<div class="braed_l">
        	<ul>
            	<li><a href="#" class="now">产品系列</a></li>
            	<li><a href="#">产品系列</a></li>
            	<li><a href="#">产品系列</a></li>
            	<li><a href="#">产品系列</a></li>
            	<li><a href="#">产品系列</a></li>
            </ul>
        </div>
    	<div class="braed_r"><a href="#">首页</a>　　/　　<a href="#">产品中心</a>　　/　　<a href="#">产品系列名</a></div>
    </div>
</div>

<!-- 产品图 -->
<div class="pro_in">

	<div class="pro_in_l">
   	  <div class="pro_in_l_t">
        	<img src="images/pro.gif" width="580" height="580" />
        </div>
		<div class="pro_in_l_b"><a class="iconfont" href="images/pro.gif" data-lightbox="example-set">&#xe641; 查看大图</a></div>
        <!-- lightbox js+css -->
        <link rel="stylesheet" href="css/lightbox.css">
        <script src="js/lightbox.js"></script>
		<script>
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-2196019-1']);
        _gaq.push(['_trackPageview']);
    
        (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
        </script>
    </div>
    
    <div class="pro_in_r">
    	<div class="pro_in_r_t">产品名称产品名称</div>    
        <div class="pro_in_r_m">
        	<div class="pro_in_r_m_l iconfont"><a href="###" id="arrLeft_01">&#xe620;</a></div>
       	  	<div class="pro_in_r_m_m" id="arrCont_01">
          	<ul>
            	<li><a href="images/pro2.gif" data-lightbox="example-set"><img src="images/pro2.gif" width="100%" /><span class="verticalAlign"></span></a></li>
            	<li><a href="images/pro2.gif" data-lightbox="example-set"><img src="images/pro2.gif" width="100%" /><span class="verticalAlign"></span></a></li>
            	<li><a href="images/pro2.gif" data-lightbox="example-set"><img src="images/pro2.gif" width="100%" /><span class="verticalAlign"></span></a></li>
            </ul>
          </div>
       	  	<div class="pro_in_r_m_r iconfont"><a href="###" id="arrRright_01">&#xe615;</a></div>
            <div class="clear"></div>
            
            <script language="javascript" src="js/common.js"></script>

			<script language="javascript" type="text/javascript">
				<!--//--><![CDATA[//><!--
				var focusScroll_01 = new ScrollPic();
				focusScroll_01.scrollContId	= "arrCont_01"; //内容容器ID
				focusScroll_01.arrLeftId	  = "arrLeft_01";//左箭头ID
				focusScroll_01.arrRightId	 = "arrRright_01"; //右箭头ID
				focusScroll_01.frameWidth	 = 332;//显示框宽度
				focusScroll_01.pageWidth	  = 352; //翻页宽度
				focusScroll_01.upright		= false; //垂直滚动
				focusScroll_01.speed		  = 20; //移动速度(单位毫秒，越小越快)
				focusScroll_01.space		  = 20; //每次移动像素(单位px，越大越快)
				focusScroll_01.autoPlay		= true; //自动播放
				focusScroll_01.autoPlayTime	= 5; //自动播放间隔时间(秒)
				focusScroll_01.initialize(); //初始化
				
				//--><!]]>
            </script>
        </div>	
        <div class="pro_in_r_b">
        	<!-- JiaThis Button BEGIN -->
            <div class="jiathis_style_32x32">
                <a class="jiathis_button_qzone"></a>
                <a class="jiathis_button_tsina"></a>
                <a class="jiathis_button_tqq"></a>
                <a class="jiathis_button_weixin"></a>
                <a class="jiathis_button_renren"></a>
                <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
                <a class="jiathis_counter_style"></a>
            </div>
            <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
            <!-- JiaThis Button END -->
        </div>
    </div>
    
	<div class="clear"></div>
    
    <div class="pro_in_title">
    	<label class="iconfont">&#xe6cc;</label>
        <span>产品介绍</span>
        <em>Product details</em>
    </div>
    
    <div class="pro_in_details">
    	图片（一页显示一张图片，大概只有三张图片）
        <!-- 页码 -->
		<div class="page">
                            <div class="page_o"><a href="#"><img src="images/page_o.png" /></a></div>
                            <div class="page_n"><a href="#"><img src="images/page_n.png" /></a></div>
                        <div class="page_m">
                                <div class="page_l"><a href="#">1</a></div>
                                <div class="page_c"><a href="#" class="now">2</a></div>
                          <div class="page_r"><a href="#">3</a></div>
                            </div>
                        </div>
    </div>
    
    <div class="pro_in_title">
    	<label class="iconfont">&#xea3a;</label>
        <span>产品推荐</span>
        <em>Recommend</em>
    </div>
    
    <div class="por_list_in">
    	<ul>
        	<li>
            	<a href="#"><img src="images/pro.gif" width="280" height="280" /></a>
                <span><a href="#">产品名称产品名称</a></span>
            </li>
        	<li>
            	<a href="#"><img src="images/pro.gif" width="280" height="280" /></a>
                <span><a href="#">产品名称产品名称</a></span>
            </li>
        	<li>
            	<a href="#"><img src="images/pro.gif" width="280" height="280" /></a>
                <span><a href="#">产品名称产品名称</a></span>
            </li>
        	<li>
            	<a href="#"><img src="images/pro.gif" width="280" height="280" /></a>
                <span><a href="#">产品名称产品名称</a></span>
            </li>
        	<li>
            	<a href="#"><img src="images/pro.gif" width="280" height="280" /></a>
                <span><a href="#">产品名称产品名称</a></span>
            </li>
        	<li>
            	<a href="#"><img src="images/pro.gif" width="280" height="280" /></a>
                <span><a href="#">产品名称产品名称</a></span>
            </li>
        	<li>
            	<a href="#"><img src="images/pro.gif" width="280" height="280" /></a>
                <span><a href="#">产品名称产品名称</a></span>
            </li>
        	<li>
            	<a href="#"><img src="images/pro.gif" width="280" height="280" /></a>
                <span><a href="#">产品名称产品名称</a></span>
            </li>
        </ul>
    </div>
    
</div>




<!-- 底部 -->
<div class="foot">
	<div class="foot_t">
    	<div class="foot_t_in">
        	<div class="foot_t_in_l">理念</div>
        	<div class="foot_t_in_r">创新发展 领航未来  金桃铝业 打造铝型材的知名品牌！</div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="foot_m">
    	<div class="foot_m_in">
        	<div class="foot_m_qr">
            	<img src="images/qr.gif" width="70" height="70" />
                <span>桃园公众号</span>
            </div>
            <div class="foot_m_ct">
            	清远市金桃园铝业有限公司 地址：清远市清城区石角镇循环经济产业园内<br/>
				联系电话：0763-3719477 QQ：88888888 手机：188888888888 
            </div>
          <div class="foot_m_r">
                <div class="foot_phone iconfont">&#xe64d; 服务热线:0763-319477</div>
                <div class="foot_search_r"><input type="button" value="搜索"></div>
                <div class="foot_search_l"><input id="txt_search" type="text"   value="Search..."  onFocus="if(value==defaultValue){value='';this.style.color='#d4d4d4'}" onBlur="if(!value){value=defaultValue;this.style.color='#3d425c'}" style="color:#3d425c"></div>
                <div class="foot_qw iconfont"><a href="#">&#xe63a;</a> <a href="#">&#xe601;</a></div>
          </div>
        </div>
    </div>
    <div class="foot_b">
   	  <div class="foot_b_in">
        <div class="foot_b_l">
                版权所有 2015-2017金色桃铝业<br/>
                2015-2017 www.jintao.com All rights reserved 粤ICP备13018203号-1 
            </div>
            <div class="foot_b_r"><a href="#">首页</a>　|　<a href="#">企业简介</a>　|　<a href="#">新闻中心</a>　|　<a href="#">产品展示</a>　|　<a href="#">生产中心</a>　|　<a href="#">工程案例</a>　|　<a href="#">联系我们</a></div>
      </div>
    </div>
</div>

</body>
</html>
